.container,
body,
.shop_quit_head {
  background: #f4f3f3;
}
.shop_quit,
.shop_quit_not {
  padding: 20px;
  background: #aaa;
  color: #fff;
}
.shop_quit b,
.shop_quit_not b {
  font-size: 20px;
}
.shop_quit p,
.shop_quit_not p {
  color: inherit;
}
.shop_quit_not {
  background: #f2480d;
}
.shop_quit_money {
  overflow: hidden;
}
.shop_quit_money h2 {
  background: #fff;
  padding: 10px 20px;
  font-weight: 500;
}
.shop_quit_money h2 span {
  float: right;
  color: #f2480d;
}
.shop_quit_money ul {
  padding: 30px 60px 60px;
  display: flex;
}
.shop_quit_money ul li {
  flex: 1;
  position: relative;
  font-size: 12px;
  height: 15px;
}
.shop_quit_money ul li p {
  font-size: 12px;
}
.shop_quit_money ul li div {
  text-align: center;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.shop_quit_money ul li i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #2bb438;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
}
.shop_quit_money ul li:after {
  content: "";
  display: block;
  width: 150%;
  height: 2px;
  position: absolute;
  top: 4px;
  left: -100%;
  background: #2bb438;
  z-index: 2;
}
.shop_quit_money ul li:first-of-type:after {
  display: none;
}
.shop_quit_money ul li:first-of-type i {
  left: -5px;
  right: auto;
}
.shop_quit_money ul li:first-of-type div {
  left: -50%;
  right: auto;
}
.shop_quit_money ul li.active:first-of-type i {
  left: -8px;
}
.shop_quit_money ul li:last-of-type:after {
  left: -50%;
}
.shop_quit_money ul li:last-of-type i {
  left: auto;
  right: -5px;
}
.shop_quit_money ul li:last-of-type div {
  left: auto;
  right: -50%;
}
.shop_quit_money ul li.active:last-of-type i {
  right: -8px;
}
.shop_quit_money ul li.active i {
  width: 16px;
  height: 16px;
  top: -4px;
}
.shop_quit_money ul li.active i:after {
  content: "";
  display: block;
  overflow: hidden;
  width: 4px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.shop_quit_money ul li.active ~ li i {
  background: #c3c3c3;
}
.shop_quit_money ul li.active ~ li:after {
  background: #c3c3c3;
}
.shop_quit_goods > h2 {
  text-indent: 20px;
  padding: 5px 0;
  background: #fff;
}
.shop_quit_goods .shop_quit_info {
  background: #f5f4f1;
  padding: 10px 20px;
  display: flex;
}
.shop_quit_goods .shop_quit_info .info_img {
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.shop_quit_goods .shop_quit_info .info_msg {
  flex: 1;
  overflow: hidden;
  padding-left: 10px;
}
.shop_quit_goods .shop_quit_info .info_msg h2 {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  margin: 0 0 5px;
}
.shop_quit_goods .shop_quit_info .info_msg p {
  color: #9c9c9c;
}
.shop_quit_list {
  padding: 10px 20px;
  background: #fff;
}
.shop_quit_btn,
.shop_quit_btn_no {
  display: block;
  width: 80%;
  margin: 20px auto;
  padding: 6px 0;
  background: #aaa;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
.shop_quit_btn_no {
  background: #f2480d;
}
